React Native专题
转载注明出处:地址:http://www.lcode.org本文出自:【江清清的技术专栏】本React Native讲解专题:主要讲解了React Native开发，由基础环境搭建配置入门，基础，进阶相关讲解。刚创建的React Native技术交流1群(282693535),React Native技术交流2群(496601483),React Native技术交流3群(496508742)。欢迎各位大牛,React Native技术爱好...
2024-01-10
React Native 学习三
接着上篇文章继续开发 http://blog.csdn.net/kangguang/article/details/780114761.总体上了三个视图组件：搜索、轮播、商品列表2.回调事件只进行了弹出提醒处理。就React Native 开发来说，开发的一般流程如下图：本次学习内容为：轮播加入加载本地图片显示、商品列表（数据内容展示、分割线、下载刷新、...
2024-01-10
React Native开发入门
目录：一、前言二、什么是React Native三、开发环境搭建四、预备知识五、最简单的React Native小程序六、总结七、参考资料 一、前言虽然只是简单的了解了一下React的皮毛，但是对React Native的学习就轻松了好多。所以在学习React Native之前，最好还是先学习一下React。因为我学习的iOS开发，对iOS更...
2024-01-10
React-Native 踩过的坑
1、React-Native红屏显示undefined is not an object u.SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner出现这个错误是由于Package.json文件中的React和React-Native版本不匹配的原因导致的。可以通过 npm install 命令查看 当前的React-Native版本需要的React的版本是多少，然后修改 Package.json 文件中的React的版本，再重新...
2024-01-10
React-Native学习指南
本指南汇集React-Native各类学习资源，给大家提供便利。指南正在不断的更新，大家有好的资源欢迎Pull Requests！同时还有Awesome React-Native系列https://github.com/jondot/awesome-react-native教程react-native 官方api文档 http://facebook.github.io/react-native/docs/getting-started.htmlreact-native 中文api文档 (翻译中) https...
2024-01-10
React Native入门项目与解析
通过React Native 环境搭建和创建项目(Mac)可以成功创建一个新项目，即直接利用以下语句创建：//命令行创建项目： react-native init AwesomeProject 创建成功后，刚入门的我们主要关注两个文件：1)iOS项目目录下的AppDelegate.m为将iOS项目连接js文件的入口，以及相关初始化操作。2)根目录下的index.ios.js...
2024-01-10
React Native中的全局变量/常量
在ReactNative中，有一种方法可以在全局变量上定义将要使用的所有字符串，就像在Android开发中一样，这里有一个String.xml，您可以在其中放置所有字符串。回答：我要做的是创建一个globals模块…//文件：Globals.jsmodule.exports = { STORE_KEY: 'a56z0fzrNpl^2', BASE_URL: 'http://someurl.com', COLOR: { ORANGE: '#C50', DA...
2024-01-10
为什么学习React Native三点原因
React Native不到两岁，兼容Android平台刚刚1年。我学习React Native其实也就不到1年，不算长，也不算短。Paul Graham在文章中写过：大多数人真正注意到你的时候，不是第一眼看到你站在那里，而是发现了过了这么久你居然还在那里。我就是Paul提到的”大多数人”，当React Native刚出来的时候，我就通过CSDN...
2024-01-10![[<span style='color:red;'>React Native</span>]Promise机制](/wp-content/uploads/thumbs/534109_thumbnail.jpg)
[React Native]Promise机制
React Native中经常会看到Promise机制。 Promise机制代表着在JavaScript程序中下一个伟大的范式。可以把一些复杂的代码轻松撸成一个串，和Android中的rxjava非常像。Promise代表一个任务结果，这个任务有可能完成，有可能没有完成。Promise模式唯一需要的一个接口是调用then方法，用来注册当Promise完成或者失败...
2024-01-10
React Native的学习之小练习-登录页
在项目中，有ios和Android的区别，不同的设备显示的内容也会有些差异，所以，布局时有时要改不同的样式才能显示一样的效果，所以可以把两个文件都映射到一个文件中只修改一个文件就可以达到这样的效果。先新建一个login.js.内容如下：/** * Sample React Native App * https://github.com/facebook/react-native * @flo...
2024-01-10![[RN] <span style='color:red;'>React Native</span> 实现图片预览](/wp-content/uploads/thumbs/533940_thumbnail.jpg)
[RN] React Native 实现图片预览
[RN] React Native 实现图片预览效果预览：代码如下：'use strict';import React, {Component} from 'react';import {Image, StyleSheet, Text, View, ViewPagerAndroid, Dimensions} from 'react-native';const {width, height} = Dimensions.get("window");//图片地址const PAGE_IMAGES = [ '...
2024-01-10
React-Native 之 Modal介绍与使用
前言遗漏的常用组件，刚发现官方有提供，这边也来介绍一下。如本文有错或理解偏差欢迎联系我，会尽快改正更新！如有什么问题，也可直接通过邮箱 277511806@qq.com 联系我。本章涉及资源下载：链接: https://pan.baidu.com/s/1o84o6JS 密码: htx6属性animationType（动画类型） PropTypes.oneOf(['none', 'slide', '...
2024-01-10无法运行jetifier React Native
我尝试运行react-native run-android，但出现此错误。info Running jetifier to migrate libraries to AndroidX. You can disable it using "--no-jetifier" flag. error Failed to run jetifier. Run CLI with --verbose flag for more details. Error: spawnSync C:\Users\JayK...
2024-01-10
【转】React Native纯JS实现的自定义导航条
原文网址：https://bbs.reactnative.cn/topic/6051/react-native%E7%BA%AFjs%E5%AE%9E%E7%8E%B0%E7%9A%84%E8%87%AA%E5%AE%9A%E4%B9%89%E5%AF%BC%E8%88%AA%E6%9D%A1这是2017年年初开始的公司的项目，对于导航条的要求很高，Android和iOS上必须用一致的UI，按钮位置还有各种颜色都有要求，而且要适应各种奇葩要求。尝试了一下当时React Native自带...
2024-01-10
React-Native StyleSheet属性支持
/** * Copyright (c) 2015-present, Facebook, Inc. * All rights reserved. * * This source code is licensed under the BSD-style license found in the * LICENSE file in the root directory of this source tree. An additional grant * of patent rights can be found ...
2024-01-10
React-native真机调试遇到的问题
React-native真机调试遇到的问题打开官网，有关于如何真机调试的文档：https://reactnative.cn/docs/running-on-device/第一步准备工具： 1、iPhone手机 2、usb数据线 3、Apple ID连上数据线之后，打开Xcode，设置：如果这是第一次在iOS设备上运行app，需要注册开发设备。从Xcode菜单栏打开Product菜单，然后...
2024-01-10
React-native碰到的坑和解决方案
React-native碰到的坑和解决方案<React/RCTXXXXX.h> file no found1. Clean (cmd+shift+K)2. Build core React - select React as the scheme in Xcode and build it (cmd+B)3. Build the library that is failing (e.g. RCTText).4. Build your app.no such file or directory XXXX文件找...
2024-01-10React Native向特定的WhatsApp发送消息
我正在尝试从本机应用程序向WhatsApp联系人发送文本消息，我发现我可以通过链接来做到这一点Linking.openURL('whatsapp://send?text=hello');上面的代码仅打开whats应用程序，我需要打开一个具有特定号码的聊天记录，是否有我必须像文本一样发送的参数？回答：您可以使用它向特定号码发送消息：Linking.openUR...
2024-01-10
React Native Css简介及其与前端Css不同
Css简介作为一名前端工作者对css都是非常熟悉的，前端三要素为结构html表现css及行为js。结构负责整个页面的骨架，展现其主要内容，表现相当于外貌，使其更为丰满可观，而行为则负责人机交互以及一些复杂的动态效果。css遵循其语言规范进行工作，其语法结构也是非常的简单。本文不在此赘述css...
2024-01-10
React组件setState
注意：1. 自定义组件首字母必须大写。这里是以函数表达式的方式定义子组件的。2. 使用 ES6 的 class 关键字创建的 React 组件，组件中的方法遵循与常规 ES6 class 相同的语法规则。这意味着这些方法不会自动绑定 this 到这个组件实例。 你需要显式地调用 .bind(this)一、setState(updater, [callback])1. updater的...
2024-01-10
2019年React Native入门：构建第一个应用程序
了解如何使用重要的基本概念构建您的第一个React Native应用程序以及从这里出发的去处！ 信用： https ： //unsplash.com/@nateggrant 我们生活在各种各样的移动设备中，这些设备主要由iOS和Android两个平台主导。 这是一场两匹马的比赛，我相信我们都可以对此表示同意。 但是，构建移动应用程序并非易事...
2024-01-10
React-Native ListView拖拽交换Item
在高仿“掘金”客户端的那个项目中，你会发现在打开和关闭“首页展示标签”中，我并没有实现可拖拽换位item的效果。不过在自己新写的Gank.io项目中，将这一功能实现了一把，在此记录一下。先上效果图http://blog.csdn.net/w337198302/article/details/53374506对，就是这样～在实现这个效果前，我的...
2024-01-10
React Native用CodePush实现热更新(二)
本文介绍将code-push-server放在AWS EC2服务器上，以S3作为storageType实现热更新。1. 创建S3 bucket。① 登录AWS账号，在Amazon S3控制台，点击“Create bucket”创建S3 bucket。② 在“Create bucket”对话框中，输入“Bucket name” 和 “Region”，一直点next，直到创建成功。2. 安装 CodePush CLI:npm install -g code-push-cli...
2024-01-10
React Native之FlatList的介绍与使用实例
功能简介FlatList高性能的简单列表组件，支持下面这些常用的功能：完全跨平台。支持水平布局模式。行组件显示或隐藏时可配置回调事件。支持单独的头部组件。支持单独的尾部组件。支持自定义行间分隔线。支持下拉刷新。支持上拉加载。支持跳转到指定行（ScrollToIndex）。如果需要分组/...
2024-01-10
号外，号外，《React Native移动开发实战》出版啦
对不起，我来晚了首先要感谢支持和关注我的朋友，感谢人邮的赵老师，还有公司的领导和同事，他们在我写作的过程中给了很多有用的信息，也给了很多有用的建议，为本书的写作提供了很大帮助。感谢，再次感谢！！！ 工作6年多以来，一直想写一本自己的书，一方面是对自己工作经历的一个总...
2024-01-10
